<template>
    <div>
      <el-row  style="position: relative;z-index: 1;">
        <el-col :span="24"><top-nav-menu class="nav" @select="select"></top-nav-menu></el-col>
      </el-row>
        <datav class="content"></datav>
    </div>
</template>

<script>
    import {GIS_ROOT} from "~/Constants";
    import TopNavMenu from "~/views/layout/component/FirstLevelNavMenu";
    const dataVisualizationUrl=`${GIS_ROOT}#/datav`;
    import datav from '@/view/datav'

    export default {
        name: "DataVisualization",
        components: {TopNavMenu,datav},
        data(){
            return {
                dataVisualizationUrl
            }
        },
        methods:{
            select(index){
                if(index!==this.current) {
                    this.$router.push({path:index});
                    this.current = index;
                }
            }
        }
    }
</script>

<style scoped>
    .content{
        position: absolute;
        top: 0;
        height: 100%;
        width: 100%;
        border: 0;
    }

</style>
